// 引入清除样式表，公共样式
@import 'reset';

//px转vw函数
@function px2Vw($px, $baseRatio: 3.75px) {
    @return ($px/$baseRatio) * 1vw;
}
div{
    width: px2Vw(375px);
    box-sizing: border-box;
}

.warp{
    background-color: #FFFFFF;
}
body{
    background-color: #F7F7F7;
}

.header{
    
    height: px2Vw(42px);
    background-color: #FFFFFF;
    color: #000000ff;
    font-size: px2Vw(16px);
    font-weight: 400;
    font-family: "PingFang SC";
    text-align: center;
    line-height: px2Vw(42px);
}


.info-line{
    width:px2Vw(335px) ;
    margin:px2Vw(30px) auto;
    
    border-bottom: 1px solid #b7b7b7;
    span{
        display: block;
        height:px2Vw(20px) ;
        font-size:px2Vw(14px);
        
    }
    .phone{
        height:px2Vw(48px) ;
        border: none;
        font-size:px2Vw(12px);
        &:focus{
            outline: none;
        }

    }
    .name{
        height:px2Vw(48px) ;
        border: none;
        font-size:px2Vw(12px);
        &:focus{
            outline: none;
        }
    }
}

.warnning{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: px2Vw(20px) auto;
    width:px2Vw(335px) ;
    height:px2Vw(64px) ;
    background-color: #FFF0EC;
    span{
        display: block;
        width:px2Vw(275.2px) ;
        font-size:px2Vw(12.5px);
        line-height: 125%;
    }

}

.comfirm-button{
    height: px2Vw(81px);
    display: flex;
    justify-content:center ;
    align-items: center;
    span{
        display: block;
        width: px2Vw(265px);
        height: px2Vw(40px);
        background-color: #884E22;
        text-align: center;
        line-height:px2Vw(40px) ;
        font-size:px2Vw(14px);
        color: #FFFFFF;
    }
}













